import styled from "styled-components";

export const Noticewrap = styled.div`
  width: 50%;
  padding: 10px;
  border-radius: 10px;
  margin: 60px auto;
  color: var(--fontsize);

  & > ul {
    list-style: none;
    & > li {
      padding: 10px;
      padding-left: 30px;
      border-radius: 10px;
      background-color: var(--circlemainback);
      & ~ li {
        margin-top: 20px;
      }
      & > .content {
        & > .title {
          color: blue;
          cursor: pointer;
        }
        & > .sucessresult {
          color: #70bf73;
        }
        & > .failresult {
          color: red;
        }
      }
    }
    .routertran {
      padding: 10px;
      background-color: var(--essayback);
    }
  }
`;
